<section class="box">
    <header class="panel_header">
        <h2 class="title pull-left">{{vm.title}}</h2>
    </header>
    <div class="content-body">
        <table class = "responsive-table centered striped table-brands">
            <thead>
                <tr>
                    <th>排名</th>
                    <th>品牌名</th>
                    <th>类目销售额</th>
                    <th>查看数据</th>
                    <th ng-if="vm.user.ver == 'pro'">监控</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat = "b in vm.brands">
                    <td>
                        <a href="javascript:void(0);" ng-class = "{'ui circular label':true,'yellow color-w':$index==0,'grey color-w':$index==1,'orange color-w':$index==2}">{{$index + 1}}</a>
                    </td>
                    <td>{{b.brandName}}</td>

                    <!--    -->
                    <td class = "hisData cp" uib-popover-template="'myPopoverTemplate.html'" popover-class="popover_line" popover-trigger="'outsideClick'" popover-append-to-body="true" jq-popup popup-config = 'b'  popup-type="'brand'" popup-dim="'sellMoney'" title = "点击查看历史数据">{{b.sellMoney | bigNum}}
                    </td>
                    <td>
                        <a href="javascript:void(0);" class = "cp" title = "点击查看品牌数据" ng-click = "vm.getBrandDetail(b.brandName)">店铺 | 商品</a>
                    </td>
                    <td ng-if="vm.user.ver == 'pro'" class="monitorTd" add-monitor add-monitor-config = "b" add-monitor-type="'brand'">
                        <i ng-class = "{'fa cp':true,'fa-toggle-on':b.collectionStatus,'fa-toggle-off':!b.collectionStatus}" ></i>
                    </td>
                </tr>
                <tr ng-if = "vm.brands.length==0 && vm.user.ver == 'pro'">
                    <td colspan = "5">
                        暂无数据
                    </td>
                </tr>
                <tr ng-if = "vm.brands.length==0 && vm.user.ver == 'pro'">
                    <td colspan = "4">
                        暂无数据
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</section>
